<template>
  <van-cell class="comment-item">
    <van-image
      slot="icon"
      round
      width="30"
      height="30"
      style="margin-right: 10px"
      :src="comment.aut_photo"
    />
    <span style="color: #466b9d" slot="title">{{ comment.aut_name }}</span>
    <div slot="label">
      <p style="color: #363636">{{ comment.content }}</p>
      <p>
        <span style="margin-right: 10px">{{
          comment.pubdate | relativeTime
        }}</span>
        <van-button
          size="mini"
          type="default"
          @click="$emit('reply-click', comment)"
          >回复{{ comment.reply_count }}</van-button
        >
      </p>
    </div>
    <van-icon
      slot="right-icon"
      :name="comment.is_liking ? 'like' : 'like-o'"
      :color="comment.is_liking ? '#e5645f' : ''"
      :loading="likeLoading"
      @click="onLikeComment(comment)"
    />
  </van-cell>
</template>
<script>
export default {
  name: '',
  components: {},
  props: {
    comment: {
      type: Object,
      require: true
    }
  },
  data () {
    return {};
  },
  computed: {},
  watch: {},
  created () {},
  mounted () {},
  methods: {}
};
</script>
<style scoped lang='less'>
</style>
